<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>百联卡</title>
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
</head>

<body>
    <!-- 头部 -->
    <div class="box">
        <div class="box-left">
            <div class="button">
                <i class="fa fa-angle-left" aria-hidden="true"></i>
            </div>
        </div>
        <h1>百联卡</h1>
        <div class="box-right">
            <div class="button">
                <i class="fa fa-search" aria-hidden="true"></i>
            </div>
            <div class="header-two">
                <div class="two-fa">
                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
                    <i class="fa fa-times" aria-hidden="true"></i>
                </div>
                <div class="drop-down">
                    <ul>
                        <li>
                            <a href="./index.html">
                                <i class="fa fa-home"></i>
                                <p>首页</p>
                            </a>
                        </li>
                        <li> <a href="">
                                <i class="fa fa-search"></i>
                                <p>搜索</p>
                            </a></li>
                        <li> <a href="./classify.html">
                                <i class="fa fa-list-ul"></i>
                                <p>分类</p>
                            </a></li>
                        <li> <a href="">
                                <i class="fa fa-shopping-cart"></i>
                                <p>购物车</p>
                            </a></li>
                        <li> <a href="">
                                <i class="fa fa-user-o"></i>
                                <p>我的i百联</p>
                            </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="colse">
        <a href="">
            <img src="../images/546981078.png" alt="">
        </a>
    </div> -->
    <!-- swiper轮播 -->
    <div class="home-slide" style="margin-top: 1.17333rem;">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../images/01.jpg" alt=""></div>
                <div class="swiper-slide">
                    <img src="../images/02.png" alt=""></div>
                <div class="swiper-slide">
                    <img src="../images/03.jpg" alt=""></div>
                <div class="swiper-slide">
                    <img src="../images/04.jpg" alt=""></div>
                <div class="swiper-slide">
                    <img src="../images/05.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!-- 中间百联卡与微信 -->
    <div class="giftcard-class">
        <div>
            <img src="../images/car1.png" alt="">
            <p>百联卡</p>
        </div>
        <div>
            <img src="../images/car2.png" alt="">
            <p>百联电子卡（微信）</p>
        </div>
    </div>
    <!-- 热销实体卡 -->
    <div class="list-more">
        <div class="head-text">热销实体卡</div>
        <div class="more">查看更多</div>
    </div>
    <div class="active">
    </div>
    <!-- end -->
    <div class="arrive-bottom">- END -</div>
    <div style="padding-top: 1.33333rem;">
        <div class="bottom">
            <div>
                <div class="bot-img">
                    <img src="../images/tab-class.3dfac78.png" alt="">
                </div>
                <div class="bot-text">分类</div>
            </div>
            <div class="shopcar">
                <div class="bot-img">
                    <img src="../images/tab-shopcar.82b8bcc.png" alt="">
                </div>
                <div class="bot-text">购物车</div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/swiper.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>